<template> 
    <div class="batchdistribution-pop">
        <el-dialog
                title="客户分配"
                :visible.sync="visible"
                @close="$emit('update:batchdistribution', false)"
                :batchdistribution="batchdistribution" width="30%">
                <span class="checked-person">已经选择{{selectionsLength}}位客户</span>
                <el-form :inline="true" :model="addstuformData" class="demo-form-inline">
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="划分方式：">
                            <el-select v-model="value" placeholder="请选择">
                                <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="部门选择：">
                            <el-select v-model="value" placeholder="请选择">
                                <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="人员选择：">
                            <el-select v-model="value" placeholder="请选择">
                                <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                </el-form>
                
                <span slot="footer" class="dialog-footer">
                    <el-button @click="batchdistribution = false">取 消</el-button>
                    <el-button type="primary" @click="batchdistribution = false">确 定</el-button>
                </span>
            </el-dialog>
    </div>
</template>
<script>
export default {
    data () {
            return {
                visible: this.batchdistribution,
                checkedPeson:0
            };
        },
    props: {
        batchdistribution: {
            type: Boolean,
            default: false
        },
        selectionsLength:{
            type:String,
            default:0
        }
    },
    watch: {
        batchdistribution () {
            this.visible = this.batchdistribution;
        }
    },
    mounted(){
    },
    methods:{

    }
}
</script>
<style lang='scss' scoped>
.checked-person{
    display: block;
    float: left;
    margin-top: -10%;
    margin-left: 35%;
}
</style>
<style lang='scss'>
.batchdistribution-pop{
    .el-dialog__header{
        text-align: left;
        margin-left: 10%;
        font-weight:bold;
    }
}

</style>



